	<div class="container-fluid kj-form-container p-t-15" style="background-color: #f5f6fa;">
			<form id="categoryForm" class="form-horizontal validate kj-form-container-content" role="form">
		    <input type="hidden" name="id" th:value="${category?.id}"/>
			<input th:if="${parentId != null}" type="hidden" name="parentId" th:value="${parentId}" />
			<div class="card kj-form-container-card">
                <div class="card-header kj-form-container-card-header">
                    <h4>
                        <strong>基本信息</strong>
                    </h4>
                </div>
                <div class="card-body kj-form-container-card-body">
						<div class="form-group">
							<label class="col-md-2 control-label">名称</label>
							<div class="col-md-4 validateDiv">
								<input class="form-control" name="name" type="text"
												data-rule-required="true" data-rule-rangelength="2,20"
												autocomplete="off" placeholder="名称" th:value="${category?.name}" />
											
							</div>
							
							<label class="col-md-2 control-label">描述</label>
							<div class="col-md-4">
								<textarea rows="3" cols="" name="memo" maxlength="500" class="form-control" th:text="${category?.memo}"></textarea>
							</div>		
						</div>						            
            	</div>
            </div>
            <div th:if="${parentId != null}" class="card kj-form-container-card">
                <div class="card-header kj-form-container-card-header">
                    <h4>
                        <strong>可访问用户选择</strong>
                    </h4>
                </div>
                <div class="card-body kj-form-container-card-body">
                	<div class="form-group">
                		<div style="width: 80%; margin: 0 auto;">
                		<div class="col-md-4" style="width: 45%;">
							<span><center>可选人员</center></span>
							<select class="form-control" id="userSelectNode" name="userSelect" onchange="" multiple="multiple" size="12">
								<option th:each="user : ${userList}"
										th:value="${user.id}"
										th:text="${user.name}"
										th:title="${user.name}"></option>
							</select>
						</div>
						<div class="col-md-4" style="width:10%;margin-top: 24px;">
							<button type="button" class="btn btn-default glyphicon glyphicon-fast-forward"  onclick="addAll();"></button>
							<button type="button" class="btn btn-default glyphicon glyphicon-step-forward"  onclick="addOne();"></button>
							<button type="button" class="btn btn-default glyphicon glyphicon-step-backward"  onclick="removeOne();"></button>
							<button type="button" class="btn btn-default glyphicon glyphicon-fast-backward"  onclick="removeAll();"></button>
						</div>
						<div class="col-md-4" style="width: 45%;">
							<span><center>已选人员</center></span>                                 
							<select class="form-control" id="userSelectedNode" name="userSelected"  multiple="multiple" size="12">																  
								<option th:each="user : ${selectedUserList}"
										th:value="${user.id}"
										th:text="${user.name}"
										th:title="${user.name}"></option>
							</select>
						</div>
						</div>
                	</div>
                </div>
            </div>   
	</div>